<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <title>所有订单</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- page style -->
    <style>

    </style>
    <!-- Bootstrap 3.3.7 -->
    <link rel="stylesheet" th:href="@{/asserts/css/bootstrap/bootstrap.min.css}">
    <!-- Font Awesome -->
    <link rel="stylesheet" th:href="@{/asserts/css/font-awesome/font-awesome.min.css}">
    <!-- Ionicons -->
    <link rel="stylesheet" th:href="@{/asserts/css/Ionicons/ionicons.min.css}">
    <!-- DataTables -->
    <link rel="stylesheet" th:href="@{/asserts/css/datatables.net-bs/dataTables.bootstrap.min.css}">
    <!-- Theme style -->
    <link rel="stylesheet" th:href="@{/asserts/css/AdminLTE/AdminLTE.min.css}">
    <!-- AdminLTE Skin -->
    <link rel="stylesheet" th:href="@{/asserts/css/AdminLTE/skin/skin-blue.min.css}">
    <!-- Google Font -->
    <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic"> -->
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

    <!-- Main Header -->
    <header class="main-header">

        <!-- Logo -->
        <a class="logo" href="#">
            <!-- mini logo for sidebar mini 50x50 pixels -->
            <!-- logo for regular state and mobile devices -->
            <span class="logo-lg">教职工信息录入系统</span>
        </a>

        <!-- Header Navbar -->
        <nav class="navbar navbar-static-top" role="navigation">
            <!-- Sidebar toggle button-->
            <a class="sidebar-toggle" data-toggle="push-menu" href="#" role="button">
                <span class="sr-only">导航切换</span>
            </a>
            <!-- Navbar Right Menu -->
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <!-- Messages: style can be found in dropdown.less-->
                    <!-- /.messages-menu -->
                    <!-- User Account Menu -->
                    <li class="dropdown user user-menu">
                        <!-- Menu Toggle Button -->
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                            <!-- The user image in the navbar-->
                            <img alt="User Image" class="user-image" th:src="@{/asserts/img/setting.png}">
                            <!-- hidden-xs hides the username on small devices so only the image appears. -->
                            <span class="hidden-xs">[[${session.name}]]</span>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- The user image in the menu -->
                            <li class="user-header">

                                <p>让学习成为一种习惯</p>
                            </li>
                            <!-- Menu Footer-->
                            <li class="user-footer">
                                <div class="pull-left">
                                    <a class="btn btn-default btn-flat" th:href="@{/admin/change-password.html}">修改密码</a>
                                </div>
                                <div class="pull-right">
                                    <a class="btn btn-default btn-flat" th:href="@{/exit}">退出</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">

        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
            <!-- Sidebar Menu -->
            <ul class="sidebar-menu" data-widget="tree">
                <li class="header">&nbsp;</li>
                <!-- Optionally, you can add icons to the links -->
                <li class="treeview">
                    <a href="#"><i class="fa fa-link"></i> <span>教职工系统后台管理</span>
                        <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a th:href="@{/admin/faulty-list.html}">教职工管理</a></li>
                        <li><a th:href="@{/admin/faulty-add.html}">教职工添加</a></li>
                    </ul>
                </li>
            </ul>
            <!-- /.sidebar-menu -->
        </section>
        <!-- /.sidebar -->
    </aside>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <!-- Main content -->
        <section class="content container-fluid">
            <div class="box box-primary">
                <div class="box-body">
                    <table class="table table-bordered table-striped" id="my_order">
                        <thead>
                        <tr>
                            <th>职工编号</th>
                            <th>职工姓名</th>
                            <th>工作</th>
                            <th>年龄</th>
                            <th>性别</th>
                            <th>名族</th>
                            <th>政治面貌</th>
                            <th>出生日期</th>
                            <th>学历</th>
                            <th>婚姻</th>
                            <th>数据操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="faultyTable:${faultyTables}">
                            <td th:text="${faultyTable.getFaultyid()}"></td>
                            <td th:text="${faultyTable.getName()}"></td>
                            <td th:text="${faultyTable.getWork()}"></td>
                            <td th:text="${faultyTable.getAge()}"></td>
                            <td th:text="${faultyTable.getSex()}"></td>
                            <td th:text="${faultyTable.getNation()}"></td>
                            <td th:text="${faultyTable.getZzmm()}"></td>
                            <td th:text="${faultyTable.getBirth()}"></td>
                            <td th:text="${faultyTable.getXueli()}"></td>
                            <td th:text="${faultyTable.getHun()}"></td>



                            <td><a th:href="@{/del(faultyid=${faultyTable.faultyid})}">删除</a>丨

                                <a th:href="@{'/toEditInfoPage?faultyid='+${faultyTable.getFaultyid()}}">编辑</a></td>
                            <a th:href="@{/admin/add.html}">@添加</a></td>
                        </tr>
                        </tfoot>
                    </table>
                </div>
                <!-- /.box-body -->
            </div>
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->

    <!-- Main Footer -->
    <footer class="main-footer">
        <!-- To the right -->
        <div class="pull-right hidden-xs">
            缔造年轻人的中国梦
        </div>
        <!-- Default to the left -->
        <strong>Copyright &copy; 2021 <a href="http://www.tedu.cn">达内教育</a>.</strong> All rights reserved.
    </footer>

    <!-- /.control-sidebar -->
    <!-- Add the sidebar's background. This div must be placed
    immediately after the control sidebar -->
    <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->

<!-- jQuery 3 -->
<script th:src="@{/asserts/js/jquery/jquery.min.js}"></script>
<!-- Bootstrap 3.3.7 -->
<script th:src="@{/asserts/js/bootstrap/bootstrap.min.js}"></script>
<!-- DataTables -->
<script th:src="@{/asserts/js/datatables.net/jquery.dataTables.min.js}"></script>
<script th:src="@{/asserts/js/datatables.net-bs/dataTables.bootstrap.min.js}"></script>
<!-- AdminLTE App -->
<script th:src="@{/asserts/js/AdminLTE/adminlte.min.js}"></script><!-- moment -->
<!-- <script src="../js/moment/moment.min.js"></script> -->
<!-- page script -->
<script>
    $(function () {
        $('#my_order').DataTable({
            'paging': true,
            'lengthChange': false,
            'searching': false,
            'ordering': false,
            'info': true,
            'autoWidth': false,
            'pagingType': 'full_numbers'

        })
    })
</script>
</body>
</html>
